<!DOCTYPE html>
<html>

	<head>
		<!-- 声明文档使用的字符编码 -->
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<!-- 为移动设备添加 viewport -->
		<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
		<!-- 针对手持设备优化，主要是针对一些老的不识别viewport的浏览器，比如黑莓 -->
		<meta name="HandheldFriendly" content="true">
		<!-- 优先使用 IE 最新版本和 Chrome -->
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

		<title>黑图视界</title>
		<meta name="keywords" content="黑图视界">
		<meta name="description" content="黑图视界">
		<script type="text/javascript" src="js/setFontSize.js"></script>
		<link rel="stylesheet" href="css/swiper.min.css" />
		<link rel="stylesheet" href="css/main.css" />
	</head>

	<body>
		<main class="pab30">
			<section class="ticketDe picBg mbt30">
				<div class="container">
					<div class="whiteBg mbt30 radius20 pad30">
						<div class="way">取票方式：电子票</div>
						<a href="qcode.html" class="ewm clearfix">
							电子票码：145555555555
							<div class="arrow"></div>
							<div class="ewmIcon"></div>
						</a>
					</div>
					<div class="whiteBg mbt30 radius20 pad30">
						<a class="commonTitle" href="profile.html"><i class="icon"></i>展馆名称<span class="arrow"></span></a>
						<div class="infos">
							<div class="item clearfix">
								<div class="name">票名：</div>
								<div class="txt">三人票</div>
							</div>
							<div class="item clearfix">
								<div class="name">票挡：</div>
								<div class="txt">¥380</div>
							</div>
							<div class="item clearfix">
								<div class="name">使用日期：</div>
								<div class="txt">2019.12.01-2019.12.03</div>
							</div>
							<div class="tuipiao" id="tuipiao">退票</div>
						</div>
					</div>
					<div class="whiteBg mbt30 radius20 pad30">
						<h3 class="commonTitle"><i class="icon"></i>订单信息</h3>
						<div class="infos">
							<div class="item clearfix">
								<div class="name">订单号：</div>
								<div class="txt">100000000000</div>
							</div>
							<div class="item clearfix">
								<div class="name">购买时间：</div>
								<div class="txt">2019.10.31 16:47:20</div>
							</div>
							<div class="item clearfix">
								<div class="name">电话号码：</div>
								<div class="txt">12345678987</div>
							</div>
							<div class="item clearfix">
								<div class="name">状态：</div>
								<div class="txt txt1">未使用</div>
							</div>
						</div>
					</div>
					<div class="whiteBg radius20 pad30">
						<h3 class="commonTitle"><i class="icon"></i>温馨提示</h3>
						<div class="commontext">
							文字介绍文字介绍文字介绍文字介绍文字介绍文字介绍文字介绍文字介绍文字介绍文字介绍文字介绍文字介绍文字介绍文字介绍文字介绍文字介绍文字介绍文字介绍文字介绍文字介绍文字介绍文字介绍文字介绍文字介绍文字介绍文字介绍文字介绍文字介绍文字介绍文字介绍
						</div>
					</div>
				</div>
			</section>
			<section class="tuipiaoTc">
				<div class="mask"></div>
				<div class="flexBox">
					<div class="box">
						<div class="title">退票</div>
						<form action="" method="" class="tuipiaoForm">
							<select class="formSelect mbt30" name="reson">
								<option value="1">理由理由理由理由理由理由</option>
								<option value="2">理由理由理由理由理由理由</option>
								<option value="3">理由理由理由理由理由理由</option>
								<option value="4">理由理由理由理由理由理由</option>
								<option value="5">理由理由理由理由理由理由</option>
							</select>
							<textarea class="formText" placeholder="备注" name="beizhu"></textarea>
							<button type="submit" class="subBtn">提交申请</button>
						</form>
						<div class="close" id="tpClose"></div>
					</div>
				</div>
			</section>
			
		</main>

		<script type="text/javascript" src="js/jquery-3.3.1.min.js"></script>
		<script type="text/javascript" src="js/swiper.min.js"></script>
		<script type="text/javascript" src="js/layer/layer.js" ></script>
		<script type="text/javascript" src="js/main.js"></script>
	</body>

</html>